<template>
  <div
    style="
      background-color: white;
      border: 1px solid grey;
      border-radius: 5px;
      height: auto;
    "
  >
    <el-breadcrumb separator-class="el-icon-arrow-right">
      <el-breadcrumb-item>首页</el-breadcrumb-item>
      <el-breadcrumb-item>在线办理</el-breadcrumb-item>
      <el-breadcrumb-item>项目赋码类型选择</el-breadcrumb-item>
    </el-breadcrumb>
    <div class="frame1" @click="onTh" >
      <el-row :gutter="20">
        <el-col :span="2" :push="2">
          <img src="../../assets/pt3.png" alt="" style="margin-top: 35%" />
        </el-col>
        <el-col :span="16" :push="2">
          <h1>基本建设类项目</h1>
          <p>
            基本建设类项目是指在一个总体设计或一个初步设计范围内，由一个或几个单项工程所组成，经济上实行统一核算，行政上实行统一管理的建设单位
          </p>
        </el-col>
      </el-row>
    </div>
    <div class="frame1" @click="onTh2">
      <el-row :gutter="20">
        <el-col :span="2" :push="2">
          <img src="../../assets/pt4.png" alt="" style="margin-top: 35%" />
        </el-col>
        <el-col :span="16" :push="2">
          <h1>技术改造项目</h1>
          <p>
            技术改造项目市指采用新技术、新工艺、新设备、新材料，以改造提升现有设施、工艺条件及生产服务等，淘汰落后产能，实现内涵式发展为目的的固定资产投资项目
          </p>
        </el-col>
      </el-row>
    </div>
    <div class="frame1" @click="onTh3">
      <el-row :gutter="20">
        <el-col :span="2" :push="2">
          <img src="../../assets/pt5.png" alt="" style="margin-top: 35%" />
        </el-col>
        <el-col :span="16" :push="2">
          <h1>单纯购置项目</h1>
          <p>
            单纯购置项目是指政府部门或企业按照规定单纯购置设备、工具、器具（包括车、船、飞机、勘探设备、施工机械等），按照《政府投资条例企业投资项目核准和备案管理条例》管理的固定资产投资活动
          </p>
        </el-col>
      </el-row>
    </div>
   
  </div>
</template>
<script>
export default{
  data(){
    return{
tag:''
    }
  },
  methods:{
    onTh(){
      this.tag='基本建设类项目'
      sessionStorage.setItem('tag',this.tag)
      this.$router.push('third');
    },
     onTh2(){
      this.tag='技术改造项目'
      sessionStorage.setItem('tag',this.tag)
      this.$router.push('third');
    },
     onTh3(){
      this.tag='单纯购置项目'
      sessionStorage.setItem('tag',this.tag)
      this.$router.push('third');
    }
  }
}
</script>
<style>
.frame1 {
  /* border: 0.1px solid whitesmoke; */
  margin-left: 5%;
  margin-right: 5%;
  margin-top: 50px;
  margin-bottom: 50px;
  height: auto;
}
.frame1 :hover {
  box-shadow: 0 0 15px rgba(0, 204, 204, 0.5);
}
.frame1 > * :hover {
  box-shadow: none;
}
</style>